<template lang="html">
  <div class="modal">
    <center>
      <slot />
    </center>
  </div>
</template>

<script>
import Center from './Center.vue'

export default {
  components: { Center }
}
</script>

<style lang="css" scoped>
  .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(51, 51, 51, 0.66);
    z-index: 999;
  }
</style>
